<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>404 - 页面找不到了</title>
    <style>
        body{
            margin:0;
            padding:0;
            height:100vh;
            background:#f5f5f5;
            font-family:Arial,Helvetica,sans-serif;
            display:flex;
            justify-content:center;
            align-items:center;
            text-align:center;
            color:#333;
        }
        .box img{
            width:180px;
            height:180px;
            border-radius:50%;
            object-fit:cover;
            margin-bottom:20px;
            box-shadow:0 0 10px rgba(0,0,0,.15);
        }
        .box h1{
            font-size:72px;
            margin:0 0 10px;
            color:#ff6600;
        }
        .box p{
            font-size:18px;
            margin:10px 0 25px;
        }
        .box a{
            display:inline-block;
            padding:10px 25px;
            background:#ff6600;
            color:#fff;
            text-decoration:none;
            border-radius:4px;
            transition:background .3s;
        }
        .box a:hover{
            background:#e55a00;
        }
    </style>
</head>
<body>
    <div class="box">
        <!-- 可任意替换为本地/网络图片 -->
        <img src="images/111.jpg" alt="萌萌的404">
        <h1>404</h1>
        <p>哦豁，页面不小心走丢了~</p>
        <a href="/index.html">返回商城首页</a>
    </div>
</body>
</html>